<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>demo页面</title>
    <link rel="stylesheet" href="../assets/global/plugins/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../assets/global/plugins/layui-v2.2.5/css/layui.css">
    <link rel="stylesheet" href="../assets/global/css/common.css">
</head>

<body>
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="yiyi-logo">YIYI</div>
            <!-- 头部区域（可配合layui已有的水平导航） -->
            <div class="yiyi-open-close">
                <a class="" href="javascript:;">
                    <i class="fa fa-bars fa-2x"></i>
                </a>
            </div>
            <ul class="layui-nav yiyi-layout-left">
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">
                        <i class="fa fa-calendar fa-lg yiyi-menu-icon-horizontal"></i>水平一级菜单</a>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">
                        <i class="fa fa-bookmark fa-lg yiyi-menu-icon-horizontal"></i>水平多级菜单</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="javascript:;">
                                <i class="fa fa-bicycle fa-lg yiyi-menu-icon-horizontal"></i>水平二级菜单1</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">
                                <i class="fa fa-cab fa-lg yiyi-menu-icon-horizontal"></i>水平二级菜单2</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">
                                <i class="fa fa-bed fa-lg yiyi-menu-icon-horizontal"></i>水平二级菜单3</a>
                        </dd>
                    </dl>
                </li>
            </ul>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <img src="http://t.cn/RCzsdCq" class="layui-nav-img">管理员
                    </a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="javascript:;">基本资料</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">密码修改</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="">退出</a>
                </li>
            </ul>
        </div>
        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <div class="yiyi-side-top">
                    <img src="http://t.cn/RCzsdCq" class="yiyi-side-top-img">
                    <div class="yiyi-side-top-info">
                        <li style="font-size: 14px;font-weight: 600;line-height: 30px;">
                            管理员
                            <span class="layui-badge">10</span>
                        </li>
                        <li style="font-size: 12px;line-height: 30px;">
                            安全级别：
                            <font style="color:green;">高</font>
                        </li>
                    </div>
                </div>
                <hr>
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree">
                    <li class="layui-nav-item">
                        <a class="yiyi-menu-vertical yiyi-menu-level-one" href="javascript:;" data-url="private/404.html" data-id="aaaaaa">
                            <i class="fa fa-bug fa-2x yiyi-menu-icon-vertical"></i>404</a>
                    </li>
                    <li class="layui-nav-item">
                        <a class="yiyi-menu-vertical yiyi-menu-level-one" href="javascript:;" data-url="private/business/table.html" data-id="table_page">
                            <i class="fa fa-clone fa-2x yiyi-menu-icon-vertical"></i>表格</a>
                    </li>
                    <!-- layui-nav-itemed表示多级菜单是否打开状态 -->
                    <li class="layui-nav-item">
                        <a class="yiyi-menu-level-one" href="javascript:;">
                            <i class="fa fa-cog fa-lg yiyi-menu-icon-vertical"></i>垂直多级菜单</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a class="yiyi-menu-vertical" href="javascript:;">
                                    <i class="fa fa-deaf fa-lg yiyi-menu-icon-vertical"></i>垂直二级菜单1</a>
                            </dd>
                            <dd>
                                <a class="yiyi-menu-vertical" href="javascript:;">
                                    <i class="fa fa-edit fa-lg yiyi-menu-icon-vertical"></i>垂直二级菜单2</a>
                            </dd>
                            <dd>
                                <a class="yiyi-menu-vertical" href="javascript:;">
                                    <i class="fa fa-flag fa-lg yiyi-menu-icon-vertical"></i>垂直二级菜单3</a>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <div class="layui-body">
            <!-- 内容主体区域 -->
            <div class="layui-tab yiyi-body" lay-filter="mainTab" lay-allowclose="true">
                <ul class="layui-tab-title">
                    <li lay-id="11" class="layui-this">主页</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">没有什么内容</div>
                </div>
            </div>
        </div>
        <div class="layui-footer">
            <!-- 底部固定区域 -->
            © waters321.com - 底部固定区域
        </div>
    </div>
    <script src="../assets/global/plugins/layui-v2.2.5/layui.js"></script>
    <script src="private/index.js"></script>
</body>

</html>